/*
 * @Author: XiaoMing
 * @Date: 2020-05-03 14:49:42 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2020-05-03 18:34:04
 */
/* 全局样式 */
.current {
  border: 1px solid red !important;
}
/* 去掉input[type:number]的默认上线箭头 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
/*在firefox下移除input[number]的上下箭头*/
input[type="number"] {
  -moz-appearance: textfield;
}
/* 预览区 start */
.product_detail {
  margin-top: 10px;
}
.crumbs {
  height: 40px;
  line-height: 40px;
}
.preview_wrap {
  width: 400px;
  height: 590px;
}
.previewImg {
  width: 400px;
  height: 400px;
  border: 1px solid #ccc;
}
.preview_wrap img {
  width: 100%;
  height: 100%;
}
.previewList {
  position: relative;
  margin-top: 70px;
}
.previewList li {
  cursor: pointer;
}
.previewPrev,
.previewNext {
  position: absolute;
  font-family: "icomoon";
  font-size: 60px;
  counter-reset: #dfdfdf;
}
.previewPrev {
  top: 50%;
  left: 0;
  transform: translateX(-25%) translateY(-50%);
}
.previewNext {
  top: 50%;
  right: 0;
  transform: translateX(25%) translateY(-50%);
}
.previewList ul {
  margin: 0 auto;
  width: 280px;
}
.previewList li.current {
  border: 2px solid red !important;
}
.previewList li {
  float: left;
  width: 56px;
  height: 56px;
}
/* 详情区strat */
.detail {
  width: 720px;
  height: 590px;
}
.detailTitle {
  line-height: 30px;
}
.detailSummary dl {
  padding: 5px 10px;
  overflow: hidden;
  line-height: 36px;
}
.detailSummary dt,
.detailSummary dd {
  float: left;
}
.detailSummary dt {
  width: 60px;
}
.summary_price {
  position: relative;
  background-color: #fee9eb;
}
.summary_price .price {
  font-size: 24px;
  color: #e1414d;
}
.summary_price .remark {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
}
.summary_promotion {
  background-color: #fee9eb;
}
.summary_promotion em {
  padding: 0 3px;
  background-color: red;
  border-radius: 3px;
  color: #fff;
}
.summary_promotion dd {
  width: 450px;
}
.summary_support,
.summary_distribution {
  padding: 0px 10px !important;
}
.summary_color dd,
.summary_version dd,
.summary_capacity dd,
.summary_types dd {
  height: 35px;
  line-height: 35px;
  margin-right: 5px;
  padding: 0 15px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  text-align: center;
  cursor: pointer;
}
.summary_color dd {
  width: 80px;
  height: 40px;
}
.summary_btn {
  margin-top: 20px;
}
.choose_amount {
  position: relative;
  float: left;
}
.summaryadd,
.summaryreduce {
  position: absolute;
  right: 0;
  width: 15px;
  height: 22.5px;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  text-align: center;
  transform: translateX(98%);
}
.summaryadd {
  top: 0;
}
.summaryreduce {
  top: 22.5px;
}
.choosenumber {
  width: 50px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #ccc;
  text-align: center;
}
.addcar,
.arrival_goods {
  float: left;
  width: 140px;
  height: 45px;
  line-height: 45px;
  margin-left: 10px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #c81623;
  color: #c81623;
}
.addcar {
  margin-left: 25px;
  background-color: #c81623;
  color: #fff;
  font-weight: 700;
}
.addcar:hover {
  color: #fff;
}
